<template>
    <div class="pbbox" @click="go(myid)">
        <div class="otherimg">
            <img v-lazy="mysrc" alt="">
        </div>
        <div class="othername">{{myname}}</div>
        <div class="you">{{myupdata}}</div>
    </div>
</template>
<script>
export default {
    name:"phb",
    props:['mysrc','myname','myupdata','myid'],
    methods:{
        go(id){
            this.$router.push({path:'/songlist',query:{id:id}})
        }
    }
}
</script>
<style lang="less" scoped>
.otherimg{
    width:100%;
    border-radius: 15%;
    overflow: hidden;
    font-size: 0px;
    margin-bottom:5px;
    img{
        width:100%;
        
    }
}
.othername{
    width:90%;
    margin:0 auto;
    // text-align:center;
    font-size:15px;
}
.you{
    position:absolute;
    top:5%;
    right:5%;
    padding:2px 5px;
    border-radius:20px;
    background:rgba(0, 0, 0, 0.1);
    color:white;
    font-size:10px;
}
</style>